<%@ page language="java"  pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css"/>
    <style type="text/css">

        #tab-do{
            width: 700px;
            border: 1px solid black;
            border-collapse: collapse;
            margin: 100px auto;

        }
        .nav{
          margin-left: 200px;
            margin-top:-100px ;
        }

        #tab-do td,th{
            border: 1px solid black;
            padding: 10px;
            text-align: center;
            color: white;
        }
        .but-01{
            position: absolute;
            left: 50px;
            top: 65px;
        }
        .but-02{
            position: absolute;
            left: 100px;
            top: 65px;
        }
        .but-03{
            position: absolute;
            left: 150px;
            top: 65px;
        }
        .but-04{
            position: absolute;
            left: 200px;
            top: 65px;
        }
        .but-05{
            position: absolute;
            left: 250px;
            top: 65px;
        }

        .but-06{
            position: absolute;
            right: 50px;
            top: 65px;
        }
        .input-01{
            position: absolute;
            right: 110px;
            top: 65px;
        }

        #font-size{
            position: absolute;
            left: 50px;
            top: 20px;
        }

    </style>
</head>
<body style="background-image: url(../../images/3.jpg)">
<h4 id="font-size">医生信息</h4>
<button class="but-01"><a href="/insertdoctorUi">添加</a></button>
<button type="submit" form="form_01" formaction="/updateUi" class="but-02">修改</button>
<button type="submit" form="form_01" formaction="/deleteBydoctorId" class="but-03">删除</button>
<button class="but-04">启用</button>
<button class="but-05">禁用</button>
<form action="query" method="post">
    <input   type="text" name="likename" id="likename"/>
    <input  type="submit" value="查询"/>
</form>


<table id="tab-do">
    <tr>
        <th>序号</th>
        <th>医生姓名</th>
        <th>电话</th>
        <th>邮箱</th>
        <th>性别</th>
        <th>年龄</th>
        <th>状态</th>
    </tr>
    <form id="form_01"   method="post">
    <c:forEach items="${doctors}" var="doctor" varStatus="status">

    <tr>
        <td>
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
					      <span class="input-group-addon">
					        <input  name="doctorIds"  value="${doctor.doctorId}" type="checkbox" aria-label="...">
					      </span>
                            ${status.index+1} </td>
        <td>${doctor.doctorName}</td>
        <td>${doctor.phone}</td>
        <td>${doctor.email}</td>
        <td>${doctor.gender ? '男' :  '女'}</td>
        <td>${doctor.age}</td>
        <td>${doctor.state ? '启用' :  '停用'}</td>
    </tr>
    </c:forEach >

    </form>


<%--    <tr>--%>
<%--        <td>--%>
<%--            <div class="row">--%>
<%--                <div class="col-lg-6">--%>
<%--                    <div class="input-group">--%>
<%--					      <span class="input-group-addon">--%>
<%--					        <input type="checkbox" aria-label="...">--%>
<%--					      </span>--%>
<%--                        2</td>--%>
<%--        <td></td>--%>
<%--        <td></td>--%>
<%--        <td></td>--%>
<%--        <td></td>--%>
<%--        <td></td>--%>
<%--    </tr>--%>
</table>
<nav class="nav" aria-label="Page navigation">

    <ul class="pagination">
        <li>
            <a href="second?page=1" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li><a href="second?page=1">1</a></li>
        <li><a href="second?page=2">2</a></li>
        <li><a href="second?page=3">3</a></li>
        <li>
            <a href="second?page=3" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>
</body>
</html>